<template>
  <!-- 二级路由渲染的内容,包括三级路由的导航栏 -->
  <div id="box">
    <!-- 传递路由链接 -->
    <HomeNav :navPath='type'></HomeNav>
    <!-- 显示二级路由类型 -->
    <!-- <h3>HomeType---------{{ this.$route.params.type }}</h3> -->
    <!-- 显示三级路由HomeSortDetail，为筛选后的最后一级路由 -->
    <router-view></router-view>
  </div>
</template>

<script>
import HomeNav from "@/components/home/HomeNav.vue";
export default {
  //传过来的组件类型
  props: ["type"],
  components: {
    HomeNav,
  },
};
</script>

<style scoped>
#box {
  position: absolute;
  margin-top: 330px;
  height: 600px;
  width: 700px;
  background-color: #fff;
  overflow: scroll;
}
</style>